<div class="page-content">

<div class="tab">
   <div   v-on:click='setStatus("")'  :class="status===''?'tabli on':'tabli'"><span>全部</span></div>
   <div   v-on:click='setStatus(0)'   :class="status===0?'tabli on':'tabli'"><span>可使用</span></div>
   <div  v-on:click='setStatus(1)'  :class="status==1?'tabli on':'tabli'"><span>已使用</span></div>
   <div   v-on:click='setStatus(2)'   :class="status==2?'tabli on':'tabli'"><span>过期</span></div>
</div>


<section class="errormsgDiv"   v-if="nodata">
    <p class="errormsg">\（￣︶￣）/</p>
    <p class="errormsg2">当前未查到相关优惠券</p>
 </section>
    <div v-else class="item"    v-for="cardInfo in items" v-if="cardInfo.config && cardInfo.config.base_info">
		    <div class="logo"><img :src="cardInfo.store.logo"></div>
		    <div class='light'>{{cardInfo.config.base_info.brand_name}}</div>
		    <div class='title mgt10'>{{cardInfo.config.base_info.title}}</div>
		    <div class='info light' > {{cardInfo.time_limit_str}} </div>
		    <div class="" >
		    	   <a  class="btn btn2" v-if="cardInfo.status==0">马上使用</a>
		    	   <a :href="'/pages/wx-card/?store_id='+app.getStoreId()+'#/opencard/'+ cardInfo.card.cardId+'/0'" class="btn btn3" >查看</a>
		    </div>
		   
		     <div class='info light'>{{cardInfo.config.base_info.description}}</div>    
   </div>
 

</div>
